<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>jQuery中元素的获取</title>
</head>
<body>
    <p>p标签</p>
    <div class="box">box</div>
    <div id="span">span</div>
    <hr>
    <input type="text " value="输入框">
    <script src="./assets/js/jquery-3.7.1.min.js"></script>
<script>
    // 使用jQuery的方法获取元素
    // let p = $('p')
    // console.log(p);

    // let b=$('.box')
    // console.log(b);

    // let s =$('#span')
    // console.log(s);


    // jQuery和DOM相互转换
    // jQuery转为DOM
    // $('选择器')[索引]
    // DOM转为jQuery
    // $(DOM对象)

    // 获取普通元素内容
    // console.log($('.box').html());
    // 修改内容
    // $('.box').html('我是box');


    // 获取/设置表单中的内容（value中内容）
    //原生js获取
    // let ipt=document.querySelector('input',)
    // console.log(ipt.value);
    //使用jQuer获取
    // console.log($('input').val());
    // 修改input内容
    // console.log($('input').val('我是一个input'));


    









</script>
</body>
</html>